    	html,body{
    		height: 100%;
    	}
    	
    	.index-banner-main{
    		height: 400px;
    		padding-top: 50px;
    		margin-bottom: 0;
    		width: 100vw;
    		background-image: url(../img/banner.png);
    		background-size: cover;
    		background-position: center);
    	}
    	
    	.index-menu-main{
    		width: 75vw;
    		background: #fff;
    	}
    	
    	.index-menu-main .row div{
    		text-align: center;
    		font-size: 12pt;
    		height: 240px;
    		background-position-x: center;
    		background-position-y: 30%;
    		background-repeat: no-repeat;
    		background-size: 40%;
    		line-height: 400px;
    		cursor: pointer;
    	}
    	
    	.index-menu-main .row div:hover{
    		background-color: #f7f7f7;
    		transition: 0.8s all ease;
			-webkit-transition: 0.5s all ease;
			-moz-transition: 0.5s all ease;
			-o-transition: 0.5s all ease;
			-ms-transition: 0.5s all ease;
    	}
    	
    	.index-worshipmenu1{
    		background-image: url(../img/menu1.png);    		
    	}
    	
    	.index-worshipmenu2{
    		background-image: url(../img/menu2.png);    		
    	}
    	
    	.index-worshipmenu3{
    		background-image: url(../img/menu3.png);    		
    	}
    	
    	.index-worshipmenu4{
    		background-image: url(../img/menu4.png);    		
    	}
    	
    	.index-worship1{
    		background: transparent;
    		width: 100vw;
    	}
    	
    	.index-worship2{
    		background: transparent;
    		width: 100vw;
    	}
    	
    	.index-worship3{
    		background: transparent;
    		width: 100vw;
    	}
    	
    	.index-worship4{
    		background: transparent;
    		width: 100vw;
    	}
    	
    	.index-worship-head{
    		height: 60px;
    		text-align: center;
    		font-size: 16pt;
    		color:#9c81e0;
    		line-height:60px;
    		background-image: url(../img/bannerbg.png);
    		background-position: center;
    		background-repeat: no-repeat;
    	}
    	
    	.index-worship-head span{
    		color:#9c81e0;    		
    	}
    	
    	.index-worship1 .row,.index-worship2 .row,.index-worship3 .row,.index-worship4 .row{
    		width: 75vw;
    		margin: 0 auto;
    		padding-bottom: 20px;
    	}
    	
    	.index-famous{
    		height: 250px;
    		padding: 20px;
    	}
    	
    	.index-famous-frame{
    		height: 100%;
    		width: 100%;
    		box-shadow: 0 0 3px lightgray;
    		background: #fff;
    		padding: 15px;
    		text-align: center;
    	}
    	.index-famous-face{
    		height: 150px;
    		background-position: center;
    		background-size: cover;
    		background-repeat: no-repeat;
    	}    	

    	.index-famous h4{
    		margin-top: 20px;
    		font-weight: 599;
    		color: #444;
    	}
    	
    	.index-famous p{
    		line-height: 1em;
    		color: #aaa;
    		font-size: 11pt;
    	}
    	
    	.index-famous section{
    		color: gray;
    		text-align: left;
    		height: 4em;
    		overflow: hidden;
    	}
    	
    	.index-ans{
    		height: 170px;
    		padding: 20px;
    		padding-top: 5px;
    		padding-bottom: 5px;
    		border-bottom: solid 1px lightgray;
    	}
    	
    	.index-ans-face{
    		height: 140px;
    		width: 110px;
    		float: left;
    		background-position: center;
    		background-size: cover;
    		background-repeat: no-repeat;
    	}
    	.index-ans h4{
    		font-weight: 599;
    		color: #444;
    		margin-left: 120px;
    		padding-top: 5px;
    	}
    	
    	.index-ans p{
    		line-height: 1em;
    		color: #444;
    		font-size: 11pt;
    		margin-left: 120px;
    		margin-top: 15px;
    	}
    	
    	.index-ans section{
    		color: #444;
    		text-align: left;
    		height: 4em;
    		overflow: hidden;
    		margin-left: 120px;
    		margin-top: 30px;
    	}
    	
    	.index-more{
    		display:inline;
    		position: absolute;
    		right: 0;
    		width: 60px;
    		height: 60px;
    		background-image: url(../img/more.png);
    		background-repeat: no-repeat;
    		cursor: pointer;
    	}
    	
    	.toTop{
    		width: 50px;
    		height: 50px;
    		background: #C0C0C0;
    		color: #fff;
    		text-align: center;
    		position: fixed;
    		right: 20px;
    		bottom: 20px;
    		padding-top: 0.35em;
    	}
    	
    	.toTop:hover{
    		cursor: pointer;
    		background: #bb9b82;
    		transition: 0.8s all ease;
			-webkit-transition: 0.5s all ease;
			-moz-transition: 0.5s all ease;
			-o-transition: 0.5s all ease;
			-ms-transition: 0.5s all ease;
    	}
    	
    	#toTop{
    		display: none;
    	}
    	
    	a:hover{
    		text-decoration: none;
    	}
    	.index-top{
    		height: 50px;
    		width: 100vw;
    		box-shadow: 0 0 10px transparent;
    		text-align: center;
    		font-size: 14pt;
    		font-weight: 500;
    		color:#fff;
    		text-shadow: 0 1px 1px #333;
    		line-height: 50px;
    		background-image: url(../img/titlebg.png);
    		background-position: bottom;
    		position: fixed;
    		z-index: 1;
    		margin-bottom: 50px;
    		top: 0;
    	}
    	
    	.index-banner{
    		height: 400px;
    		padding-top: 50px;
    		margin-bottom: 0;
    		width: 100vw;
    		background: #cec4bc;    		
    		background-size: cover;
    	}
    	
    	.index-worship{
    		background: #f7f7f7;
    		width: 100vw;
    		overflow-x:hidden;
    	}
    	
    	.index-worship-head{
    		margin-top: 50px;
    		height: 80px;
    		text-align: center;
    		font-size: 16pt;
    		color:#252525;
    		line-height:80px;
    		background-image: url(../img/bannerbg.png);
    		background-position: center;
    		background-repeat: no-repeat;
    	}
    	    	
    	.index-worship .row{
    		width: 75vw;
    		margin: 0 auto;
    		padding-bottom: 20px;
    	}
    	
    	.index-famous{
    		height: 450px;
    		padding: 10px;
    	}
    	
    	.index-famous-frame{
    		height: 100%;
    		width: 100%;
    		box-shadow: 0 0 3px lightgray;
    		background: #fff;
    		padding: 15px;
    	}
    	.index-famous-face{
    		height: 250px;
    		background-position: center;
    		background-size: cover;
    		background-repeat: no-repeat;
    	}
    	.index-famous h4{
    		margin-top: 20px;
    		font-weight: 599;
    	}
    	
    	.index-famous p{
    		line-height: 1em;
    	}
    	
    	.index-famous-section{
    		color: gray;
    		text-align: left;
    		height: 4em;
    		overflow: hidden;
    	}
    	
    	
    	.index-search{
    		width: 100%;
    		height: 50px;
    		text-align: center;
    	}
    	
    	.index-search div{
    		background: #fff;
    		width: 55%;
    		height: 36px;
    		text-indent: 1em;
    		border: 1px solid #E5E5E5;
    		border-radius: 36px;
    		line-height: 30px;
    		margin: 0 auto;
    	}
    	
    	.index-search input{
    		border:none;
    		width: 80%;
    		float: left;
    		margin-left: 1em;
    		outline: none;
    	}
    	
    	.index-search button{
    		width: 26px;
    		height: 26px;
    		background-image: url(../img/sear.png);
    		background-size: 100%;
    		background-repeat: no-repeat;
    		background-position: top;
    		border: none;
    		float: right;
    		margin-right: 15px;
    		margin-top: 4px;
    		outline: none;
    	}
    	
    	.index-search button:hover{
    		background-position: bottom;
    		transition: 0.8s all ease;
			-webkit-transition: 0.5s all ease;
			-moz-transition: 0.5s all ease;
			-o-transition: 0.5s all ease;
			-ms-transition: 0.5s all ease;
    	}
    	
    	
    	.index-addshrine a{
    		color: #fff;
    	}
    	
    	.index-addshrine,.Newshrine-save{
    		display:  inline;
    		position: absolute;
    		right: 5px;
    		top: 0px;
    		width: 50px;
    		height: 50px;
    		text-shadow: none;
    		font-size: 12pt;
    		line-height: 50px;
    		cursor: pointer;
    		background-image: url(../img/icon_add.png);
    		background-repeat: no-repeat;
    		background-position: center;
    		background-size: 70%;
    	}
    	
    	.Newshrine-save{
    		background-image: none;
    		text-shadow: 0 1px 1px #333;
    		font-size: 13pt;
    		right: 10px;
    	}
    	
    	.index-addshrine:hover{
    		
    	}
    	
    	.index-shrineback{
    		display:  inline;
    		position: absolute;
    		left: 5px;
    		top: 0px;
    		width: 50px;
    		height: 50px;
    		text-shadow: none;
    		font-size: 12pt;
    		line-height: 36px;
    		cursor: pointer;
    		background-image: url(../img/icon_back.png);
    		background-repeat: no-repeat;
    		background-position: center;
    		background-size: 70%;
    	} 	    	    	
    	
    	
    	
    	.shrine-content,.article-content{
    		height:100%;
    		width: 75vw;
    		margin: 2px auto;
    		background: transparent;
    	}
    	
    	.article-content{
    		display: none;
    	}
    	
    	.content-worship,.content-article{
    		height: 130px;
    		padding: 5px;
    		border-radius: 5px;
    	}
    	
    	.worship,.article{
    		width: 100%;
    		height: 100%;
    		padding: 10px;
    		border: 1px solid #f0f0f0;
    		box-shadow: 0px 3px 3px #ddd;
    	}
    	
    	.worship:hover{
    		cursor: pointer;
    		box-shadow:  0px 3px 6px #BB9B82;
    		transition: 0.8s all ease;
			-webkit-transition: 0.5s all ease;
			-moz-transition: 0.5s all ease;
			-o-transition: 0.5s all ease;
			-ms-transition: 0.5s all ease;
    	}
    	
    	.worship-face,.article-face{
    		width: 70px;
    		height: 100%;
    		background-position: center;
	   		background-repeat: no-repeat;
	   		background-size: cover;
	   		float: left;
    	}
    	
    	.article-face{
    		width: 50%;
    	}
    	
    	.worship-desc,.article-desc{
    		float: left;
    		width: 66%;
    		height: 100%;
    		color: #4e4e4e;
    		margin-left: 10px;
    	}
    	
    	.article-desc{
    		width: 50%;
    	}
    	
    	.worship-desc p,.article-desc p{
    		margin-left: 5px;
    		color: #4e4e4e;
    		font-size: 9pt;
    	}
    	
    	.worship-desc h4,.article-desc h4{
    		margin-left: 5px;
    		padding-bottom: 5px;
    		color: #4e4e4e;
    		font-size: 12pt;
    		font-weight: 500;
    		padding-top: 0;
    		margin-top: 5px;
    	}
    	
    	.article-desc h4{
    		padding-bottom: 90px;
    	}
    	
    	.worship-desc span{
    		margin-top: -105px;
    		right: 20px;
    		position: absolute;
    		color: grey;
    		background-image: url(../img/card.png);
    		background-repeat: no-repeat;
    		background-position-x: 10px;
    		background-position-y: 2px;
    		text-indent: 2.5em;
    	}
    	
    	.worship-desc-delete,.worship-desc-edit{
    		width: 24px;
    		height: 24px;
    		margin-top: -34px;
    		margin-right: -30px;
    		background-image: url(../img/icon_delete.png);
    		background-repeat: no-repeat;
    		background-position: top;
    		background-size: 100%;
    		float: right;
    	}
    	
    	.worship-desc-edit{
    		background-image: url(../img/icon_edit.png);
    		margin-right: 0px;
    	}
    	
    	.article-desc span{
    		float: right;
    		margin-top: -30px;
    		color: gray;
    	}
    	
    	.newshrine-main{
    		width: 60vw;
    		height: 100%;
    		background: #edebde;
    		margin: 0 auto;
    	}
    	
    	.Newshrine-form-control{
    		background: transparent;
    		border: none;
    		outline: none;
    		text-align: right;
    		color: #000;
    		box-shadow: none;
    		appearance:none;
    		-moz-appearance:none;
    		-webkit-appearance:none;
    	}
    	
    	.Newshrine-form-control:focus{
    		box-shadow: none;    		
    	}
    	
    	.clearfix{
    		height: 50px;
    	}
    	
    	.newshrine-main-person,.newshrine-main-shrine{
    		width: 60%;
    		margin: 0 auto;
    	}
    	
    	.newshrine-main-shrine{
    		display: none;
    	}
    	
    	.form-control-important::-webkit-input-placeholder { /* WebKit browsers */ 
				color: red; 			
			} 
			
			.form-control-important:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 			
				color: red; 			
			} 
			
			.form-control-important::-moz-placeholder { /* Mozilla Firefox 19+ */ 			
				color: red; 			
			} 
			
			.form-control-important:-ms-input-placeholder { /* Internet Explorer 10+ */ 			
				color: red; 			
			} 
    	
    	.shrine-bg-preview,.shrine-hs-preview,.shrine-face-preview{
    		width:100%;
    		height: 300px;
    		background-position: center;
    		background-repeat: no-repeat;
    		background-size: 90%;
    	}
    	
    	.shrine-bg-preview{
    		background-image: url(../img/background/bj001.jpg);    		
    	}
    	
    	.shrine-hs-preview{
    		background-image: url(../img/tombstone/1.png);
    	}
    	
    	.shrine-face-upload{
    		background: #0077DD;
    		height: 300px;
    	}
    	
    	.shrine-face-demo{
    		background: #CE8483;
    		height: 300px;
    	}
    	
    	.form-group{
    		height: 30px;
    		line-height: 30px;
    		padding-top: 5px;
    		border-top: solid 1px #e1e0dc;
    	}
    	
    	.control-label{
    		text-align: left;
    		line-height: 36px;
    		padding-left: 10px;
    		color: #777569;
    		padding-right: 0px;
    		font-size: 10.5pt;
    	}
    	
    	.radio-inline{
    		line-height: 1.5em;
    	}
    	
    	.btn{
    		margin-top: -16px;
    	}

    	 
    	.main-mask{
    		width: 100%;
    		height: 100%;
    		background: #000;
    		opacity: 0.6;
    		position: fixed;
    		z-index: 9999;
    		display: none;
    	}
    	
    	.main-bg{
    		margin-top: 0;
    		height: 100vh;
    		width: 100vw;
    		background-image: url(../img/background/bj004.jpg);
    		background-repeat: no-repeat;
    		background-size: cover;
    		min-height: 750px;
    		min-width: 1334px;
    	}
    	
    	.main-headstone{
    		margin: 0;
    		height: 100vh;
    		width: 100vw;
    		background-image: url(../img/tombstone/1.png);
    		background-repeat: no-repeat;
    		background-size: cover;
    		position: fixed;
    		z-index: 1;
    		min-height: 750px;
    		min-width: 1334px;
    	}
    	    	
    	.main-altar{
    		width: 100%;
    		height: calc(60% - 100px);
    		background: transparent;
    		top: 40%;
    		position: absolute;
    		z-index: 2;
    		min-height: 400px;
    		min-width: 1334px;
    	}
    	
    	.main-menu{
    		position: fixed;
    		bottom: 0;
    		width: 100%;
    		text-align: center;
    		z-index: 1;
    	}
    	
    	.main-menu ul{
    		list-style: none;
    		text-align: center;
    		margin: 0 auto;
    		width: 880px;
    	}
    	
    	.main-menu ul div{
    		
    	}
    	
    	.main-menu ul li{
    		float: left;
    		height: 100px;
    		width: 100px;
    		background: #101010;
    		color:white;
    		text-align: center;
    		font-size: 14pt;
    		border-radius: 10px;
    		margin: 10px;
    		cursor: pointer;
    		padding-top: 70px;
    		background-repeat: no-repeat;
    		background-position-x: center;
    		background-position-y: 20px;
    	}
    	
    	.main-menu ul li:hover{
    		background-color: #333;
    		transition: 0.5s all ease;
			-webkit-transition: 0.5s all ease;
			-moz-transition: 0.5s all ease;
			-o-transition: 0.5s all ease;
			-ms-transition: 0.5s all ease;
    	}
    	
    	.main-menu-trigger{
    		position: fixed;
    		width: 50px;
    		height: 50px;
    		background-image: url(../img/menu.png);
    		background-size: contain;
    		bottom: 20px;
    		right: 20px;
    		cursor: pointer;
    		z-index: 9998;
    	}
    	
    	.main-photo{
    		width:5%;
    		height: 12%;
    		background-image: url(../img/yy_mlyx.png);
    		background-size: cover;
    		margin: 20% 47.5%;
    		position: absolute;
    		border: 0.3em solid #000;
    	}
    	
    	.main-name{
    		width: 24px;
    		height: 6em;
    		font-size: 1.2em;
    		font-weight: 600;
    		color: yellow;
    		position: absolute;
    		margin: 27.5% calc(50% - 12px);
    	}

    	
    	.main-offering{
    		position: absolute;
    		background-repeat: no-repeat;
    		background-size: contain;
    		cursor: pointer;
    	}
    	
    	.cake{
    		width: 50px;
    		height: 50px;
    	}
    	
    	.flower{
    		width: 100px;
    		height: 100px;
    	}
    	
    	.flowerCircle{
    		width: 250px;
    		height: 300px;
    		background-position: center;
    	}
    	
    	.candle{
    		width: 60px;
    		height: 60px;
    	}
    	
    	.cloth{
    		width: 120px;
    		height: 120px;
    	}
    	
    	.main-pop1,.main-pop2{
    		width: 100%;
    		height: 100%;
    		background: #fff;
    		position: fixed;
    		z-index: 10000;
    		display: none;
    		box-shadow: 0 0 15px #666;
    		left:100%;
    	}
    	
    	.main-pop1-title,.main-pop2-title{
    		height: 50px;
    		width:100%;
    		line-height: 50px;
    		text-indent: 1em;
    		font-size: 14pt;
    		color:#252525;
    		background: url(../img/titlebg.png);
    	}
    	
    	.main-pop1-title span,.main-pop2-title span{
    		font-weight: 600;
    		text-spacing: 2em;
    	}
    	
    	.pop1-title,.pop2-title{
    		margin-left:45%;
    	}
    	
    	.pop1-title-close,.pop2-title-close{
    		float: right;
    		cursor: pointer;
    		width: 50px;
    		font-size: 24pt;
    	}
    	
    	.main-pop1-content,.main-pop2-content{
    		padding: 10px;
    		overflow-x: hidden;
    		overflow-y: auto;
    		height: calc(100% - 50px);
    	}
    	
    	.main-pop1-content ul,.main-pop2-content ul{
    		list-style: none;
    		margin-top:20px;
    		margin-left: -20px;
    	}
    	
    	.main-pop1-content ul li,.main-pop2-content ul li{
    		float: left;
    		margin-bottom: 10px;
    		text-align: center;
    	}
    	
    	.main-pop1-content ul li div{
    		width: 95%;
    		background: #f0f0f0;
    		cursor: pointer;
    		min-height: 220px;
    		padding-top: 15px;
    		padding-bottom: 15px;
    	}
   	
    	.pop2-div{
    		width: 95%;
    		cursor: pointer;
    		background: #f0f0f0;
    		padding:15px; 
    		height: 200px;
    	}
    	
    	.pop2-img{
    		width:100%;
    		height:100%;
    		min-height: 80px;
    		background-repeat: no-repeat;
    		background-size: cover;
    		background-position: center;
    	}
    	
    	.main-pop1-content ul li div:hover{
    		background: beige;
    		transition: 0.5s all ease;
				-webkit-transition: 0.5s all ease;
				-moz-transition: 0.5s all ease;
				-o-transition: 0.5s all ease;
				-ms-transition: 0.5s all ease;
    	}
    	.pop2-div:hover{
    		background: beige;
    		transition: 0.5s all ease;
				-webkit-transition: 0.5s all ease;
				-moz-transition: 0.5s all ease;
				-o-transition: 0.5s all ease;
				-ms-transition: 0.5s all ease;
    	}
    	.pop1-name,.pop2-name{
    		color: orange;
    		font-size: 1.2em;
    		height: 2em;
    	}    	
    	.pop1-price{
    		color: #222;
    	}
    	
    	.List-famous{
    		height: 200px;
    		padding: 10px;
    	}
    	
    	.List-famous-frame{
    		height: 100%;
    		width: 100%;
    		box-shadow: 0 0 3px darkgray;
    		background: #fff;
    		padding: 10px;
    		text-align: center;
    		border-radius: 5px;
    		padding-right: 5px;
    	}
    	.List-famous-face{
    		height: 110px;
    		width: 45%;
    		background-position: center;
    		background-size: cover;
    		background-repeat: no-repeat;
    		float: left;
    	}   
    	
    	.List-famous-baseinfo{
    		float: left;
    		text-align: left;
    		margin-left: 10px;
    	} 	

    	.List-famous h4{
    		margin-top: 5px;
    		font-weight: 599;
    		color: #525252;
    		font-size: 14pt;
    		overflow-x: hidden;
    		overflow-wrap: break-word;
    		overflow-y: hidden;
    	}
    	
    	.List-famous span{
    		height: 30px;
    		color: #525252;
    		font-size: 12pt;
    		font-weight: 600;
    	}
    	
    	.List-famous-section{
    		color: darkgray;
    		text-align: left;
    		height: 3em;
    		overflow: hidden;
    		margin-top: 5px;
    	}
    	
    	.List-famous-p{
    		line-height: 1em;
    		color: #525252;
    		font-size: 9pt;
    		margin-top: 10px;
    	}
    	
    	
    	.Shrine-banner{
    		height: 180px;
    		padding-top: 50px;
    		margin-bottom: 0;
    		width: 100vw;
    		background-image: url(../img/bannerbg2.png);  	
    		background-repeat: no-repeat;
    		background-size: cover;
    	}
    	
    	.Shrine-banner-content{
    		width: 100%;
    		background: transparent;
    		height: 100%;
    	}
    	
    	.Shrine-banner-face{
    		width: 110px;
    		border-radius: 50%;
    		border: 2px solid #ccbaac;
    		height: 110px;
    		float: left;
    		display: inline;
    		background-size: cover;
    		background-position: center;
    		margin-left: 10px;
    		margin-top: 10px;
    	}
    	
    	
    	.Shrine-banner-desc{
    		background: transparent;
    		width: calc(100% - 120px);
    		height: 100%;
    		float: right;
    	}
    	
    	.Shrine-banner-desc span{
    		color: #bdb4a3;
    		margin-left: 10px;
    		text-shadow: 1px 1px 0 #000000;
    		font-size: 9pt;
    		height:20px;
    		line-height: 20px;
    	}
    	
    	
    	.Shrine-banner-desc h4{
    		margin-top: 15px;
    		margin-left: 10px;
    		color: #fff;
    	}
    	
    	.Shrine-banner-desc-section{
    		margin-top: 5px;
    		margin-left: 10px;
    		color: #bdb4a3;
    		height: 3em;
    		overflow-y: hidden;
    		line-height: 1.2em;
    		font-size: 9pt;
    		padding-right: 20px;
    	}
    	
    	.Shrine-banner-comment,.Shrine-banner-album{
    		width: 24px;
    		height: 24px;
    		margin-top: 10px;
    		margin-right: 10px;
    		background-image: url(../img/icon_message.png);
    		background-repeat: no-repeat;
    		background-position: top;
    		background-size: 100%;
    		float: right;
    	}    	    
    	
    	.Shrine-banner-album{
    		background-image: url(../img/icon_album_add.png);
    	}
    	
    	.Shrine-banner-comment:hover{
    		cursor: pointer;
    		background-position: bottom;
    	}
    	
    	.Shrine-menu{
    		height: 50px;
    		width: 100vw;
    		background: #f3f9f9;
    		margin-top: 10px;
    		box-shadow: 0 2px 2px lightgrey;
    	}
    	
    	.Shrine-menu-content{
    		height: 100%;
    		width: 100%;
    		margin: 0 auto;
    	}
    	
    	.Shrine-menus{
    		height: 100%;
    		width: 16.5%;
    		line-height: 50px;
    		font-size: 10.5pt;
    		text-align: center;
    		float: left;
    		color: #9b9b9b;
    	}
    	
    	.Shrine-menus:hover{
    		cursor: pointer;	
    		color: #989dbd;
    		border-bottom: #9c7be4 2px solid;
    		font-weight: 600;
    	}
    	
    	.Newshrine-menus{
    		height: 50px;
    		background: #f3f9f9;
    		margin-top: 50px;
    	}
    	
    	.Newshrine-menu{
    		width: 50%;
    		height: 50px;
    		line-height: 50px;
    		float: left;
    		text-align: center;
    		font-size: 12pt;
    		color: #969696;
    	}
    	
    	.Newshrine-menu-select{
    		font-weight: 600;
    		color: #969bc1;
    		border-bottom: 2px solid #9b7ae3;
    	}
    	
    	.Newshrine-person-face{
    		height: 120px;
    		width: 30%;
    		background: #edebde;
    		position: absolute;
    		right: 0;
    		margin-top:50px ;
    		padding: 10px;
    	}
    	
    	.Newshrine-person-face div{
    		width: 100%;
    		height: 100%;
    		border-radius: 5px;
    		background-image: url(../img/uface.png);
    		background-position: center;
    		background-size: 90%;
    		background-repeat: no-repeat;
    	}
    	
    	.Newshrine-person-face-form{
    		display: none;background: black;width: 100%;height: 100%;position: fixed;z-index: 1;top: 0;left: 0;
    	}
    	
    	.Newshrine-person-face-form-close{
    		font-size:24pt;
    		font-weight: 600;
    		color: #fff;
    		position: fixed;
    		top: 10px;
    		right: 0px;
    		cursor: pointer;
    		z-index: 2;
    		width: 50px;
    		height: 50px;
    		line-height: 50px;
    	}
    	
    	.shrine-bg-list,.shrine-hs-list{
    		width: 100%;
    		height: 250px;
    		padding: 5px;
    		overflow-x: hidden;
    		overflow-y: auto;
    		background: white;
    		display: none;
    	}
    	
    	.form-group-bg{
    		background-image: url(../img/icon_arror_right.png);
    		background-repeat: no-repeat;
    		background-position-x: 98%;
    		background-position-y: 14px;
    		padding-bottom: 0;
    	}
    	
    	.Login-bg{
    		background:url(../img/bannerbg3.png);
    		background-position: top right;
    		height: 100%;
    		width: 100%;
    		margin: 0;
    		padding: 0;
    		position: relative;
    	}
   	 	    	
    	.Login-logo-bg{
    		width: 100px;
    		height: 100px;
    		border-radius: 50%;
    		border: 2px solid #776154;
    		margin-left: calc(50% - 50px);
    		background-image: url(../img/logo.png);
    		background-position: center;
    		background-repeat: no-repeat;
    		background-size: 90%;
    		margin-bottom: -20px;
    		position: relative;
    	}
    	
    	.Login-panel{
    		width: 100%;
    		background: transparent;
    		padding: 20px;
    		padding-bottom: 0;
    		position: relative;
    	}
    	
    	.Login-panel-content{
    		width: 100%;
    		height: 90%;
    		border-radius: 20px;
    		background-image: url(../img/mask.png);
    		padding: 15px;
    		padding-bottom: 0;
    	}
    	
    	.Login-panel-content-user{
    		height: 45px;
    		width: 100%;
    		border-radius: 50px;
    		background-image: url(../img/mask.png);
    		line-height: 45px;
    		text-indent: 1em;
    		margin-bottom: 20px;
    	}
    	
    	.Login-panel-content-user input[type=text],.Login-panel-content-user input[type=password]{
    		height: 100%;
    		background: transparent;
    		border: none;
    		outline: none;
    	}
    	
    	.Login-panel-btn{
    		width: 100%;
    		height: 60px;
    		line-height: 60px;
    		margin-top: 60px;
    	}
    	
    	.Login-panel-btn button{
    		width: 100%;
    		height: 50px;
    		border-radius: 10px;
    		background: #ba0c15;
    		color: #fff;
    		font-size:14pt;
    		line-height: 50px;
    		cursor: pointer;
    		border: none;
    		outline: none;
    	}
    	
    	.Login-panel-btn button:hover{
    		background: #fe0000;
    	}
    	
    	.Login-panel-check{
    		height: 40px;
    		line-height: 40px;
    		padding-left: 10px;
    	}
    	
    	.Login-panel-check-auto,.Login-panel-check-fpwd{
    		font-size: 10.5pt;
    		color: #fff;
    	}
    	
    	.Login-panel-check-fpwd{
    		float: right;
    	}
    	
    	.Login-panel-quick{
    		height: 80px;
    		width: 100%;
    	}
    	
		.Login-bottom{
			height: 60px;
			color:#fff;
			text-align: center;
			line-height: 60px;
		}

    	
    	@media (max-width:1280px){
    		.newshrine-main{
    			width: 100vw;
    		}
    		
    	.shrine-bg-preview,.shrine-hs-preview,.shrine-face-preview{
    			width:100%;
    		}
    	}
    	
    	@media(max-width:800px){
    		.menu-content{
    			width: 100%;
    		}
    		.shrine-content{
    			width: 100vw;
    		}
    		.banner-content{
    			width: 100%;
    		}
    		.index-banner{
    			height: 250px;
    		}
    		.banner-desc p{
    			display: none;
    		}
    		.shrine-bg-preview,.shrine-hs-preview,.shrine-face-preview{
    			width:100%;
    		}    		
    		.newshrine-main-person,.newshrine-main-shrine{
    			width:100%;
    		}
    		
    		.index-worship .row{
    			width:100vw;
    		}    		
	    	
	    	.index-banner-main{
	    		height: 200px;
	    	}
	    	
	    	.index-search div{
    		width: 90%;
    		}
    		
    	  .index-menu-main{
    			width: 100vw;
    		}
    		
    		.index-worship1 .row,.index-worship2 .row,.index-worship3 .row,.index-worship4 .row{
    			width:100vw;
    		}
    		
    		.index-menu-main .row div{
	    		text-align: center;
	    		font-size: 12pt;
	    		height: 180px;
	    		background-position-x: center;
	    		background-position-y: 25%;
	    		background-repeat: no-repeat;
	    		background-size: 15vw;
	    		line-height: 330px;
	    		cursor: pointer;
	    	}	    	
    	}
    	
    @media(max-width:414px){
    	  .index-menu-main .row div{
	    		text-align: center;
	    		font-size: 10.5pt;
	    		background-position-x: center;
	    		background-position-y: 22%;
	    		background-repeat: no-repeat;
	    		background-size: 12vw;
	    		line-height: 150px;
	    		height: 100px;
	    		cursor: pointer;
	    }
	    
	    .index-worship-head{
	    	margin-top: 0;
	    	height: 60px;
	    	line-height: 60px;
	    }
	    
	    .index-famous-face{
    		height: 130px;
    	}
    	
    	.index-famous{
    		height: 220px;
    		padding: 15px;
    		padding-top: 5px;
    	}
    	
    	.index-famous-frame{
    		padding: 5px;
    		box-shadow: none;
    	}
    	
    	.index-famous h4{
    		margin-top: 10px;
    		font-weight: 599;
    		color: #444;
    	}
    }
    	